:root {
    --swiper-theme-color:#ffffff;
}
input[type='number'] {
    -moz-appearance: textfield;
}
a:hover {
    color:#E20634;
}
.iconfont {
    vertical-align: bottom;
    font-size: inherit;
}
.hotline {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-right: 20px;
    color: #383838;
}
.hotline > span {
    color: #ef992d;
}

.top-right {
    display: flex;
    align-items: center;
    padding-top: 40px;
}

.qrcode {
    text-align: center;
}

.logo-text {
    margin-top: 50px;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    padding-left: 30px;
    margin-left: 30px;
    color: #383838;
}

.mySwiper{
    width:100%;
    max-width:1920px;
    margin: 0 auto;
}

.swiper-slide img {
    width: 100%;
}



.swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}





.section {
    margin-top: 20px;
    overflow: hidden;
}



.index-area1 .txt1 {
    margin: 0 auto;
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;
    color: #000000;
}

.index-area1 .txt2  {
    margin-top: 40px;
    font-size: 26px;
    line-height: 26px;
    font-weight: 500;
    color: #070604;
}



.cate-card {
    float: left;
    width: 50%;
    padding:20px;
    height: 300px;
    background-size: cover;
    position: relative;
}

.cate-area .cate-card:first-child {
   border-right:1px solid  #959595;
   border-bottom:1px solid  #959595;
}

.cate-area .cate-card:nth-child(2){
    border-bottom:1px solid  #959595;
}

.cate-area .cate-card:nth-child(3) {
    border-right:1px solid  #959595;
 }


.cate-card a {
    display: block;
    width:100%;
    height:100%;
    position: relative;
}


.cate-area{
    width: 100%;
    height: 600px;
    /* background-image: url(./img/area1-bg.png); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    
}

.light a{
    color: #CBCBCB;
}

.cate-area2{
    /* background-image: url(./img/area2-bg.png); */
}

.cate-area3{
    /* background-image: url(./img/area3-bg.png); */
}

.cate-card .inner {
    display: block;
    padding:20px;
    height: 100%;
    .no {
        font-size: 20px;
        font-weight: 500;
    }
    .title {
        font-size: 26px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: space-between;
       
    }
    .desc {
        font-size: 20px;
        margin-top: 30px;
    }
    &:hover ,&.is-cur{
        background: rgba(255,255, 255, 0.7);
        color:#000000;
    }
}


.index-news .news-box  {
    display: flex;
}
.index-news .news-box .news-left{
    width:600px;
    margin-right:100px
}
.index-news .news-box .news-right{
    flex:1;
}

.index-news .news-box .news-left .news-thumb {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.index-news .news-box .news-left .news-thumb img {
    max-width: 100%;
    height: 300px;
}

.index-news .news-box .news-left .news-title {
    text-align: center;
    font-size: 20px;
    color: #2e2e2e;
    margin-top: 20px;
}

.index-news .news-list .news-item {
    position: relative;
    margin-bottom: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e20634;
}


.index-news .news-list .news-item .news-time {
    font-size: 16px;
    color: #8a8989;
}

.index-news .news-list .news-item .news-title {
    margin-top: 10px;
    font-size: 18px;
    color: #333333;
    position: relative;
    
}
.index-news .news-list .news-item .news-title .glyphicon {
    position: absolute;
    right:10px;
    top:8px;
}

.sale-box {
    border-bottom: 1px solid #959595;
    border-top: 1px solid #959595;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.sale-box .item {
    flex:1;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    padding:0 20px;
}

.sale-box .item img {
    width: 160px;
    height: 160px;
}

.sale-box .item .item-name {
    font-size: 20px;
    color:#333333 !important;
    margin-top: 40px;
}

.sale-box .item:not(:first-child) {
    border-left: 1px solid #959595;
}

.index-banner {
    width: 100%;
    overflow: hidden;
}
.index-banner img {
    max-width: 100%;
}


.footer-nav {
    background: #eeeeee;
    height: 55px;
    line-height: 55px;
}
.footer-nav li {
    display: inline-block;
    margin-right: 15px;
}
.footer-nav li a {
    color: #333333;
}

.footer-widget-area {
    background: #eeeeee; 
    color: #333333;
}
.footer-widget-area .h3 {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 10px;
}
.single-footer-widget {
    float: left;
    overflow: hidden;
}
.single-footer-widget .name {
    font-size:24px;
    margin-bottom: 20px;
}
.single-footer-widget ul {
   
}

.single-footer-widget form input[type=text]{
    padding:2px 10px;
    height: 30px;
    width:120px;
    font-size:12px;
}
.single-footer-widget form select {
    padding:2px 10px;
    height: 30px;
    font-size:12px;
}
.column {
    display: flex;
    flex-wrap: wrap;
}

.column li {
    flex:0 1 50%;
}
.single-footer-widget li{
    line-height: 30px;
    display: flex;
}
.foot-nav {
    border-bottom: 3px solid #ffffff;
    padding-bottom: 20px;
}
.single-footer-widget li img {
    margin-right: 5px;
}

.page-header {
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.breadcrumb {
    background: #ffffff !important;
   
}
.breadcrumb-bar {
    position: absolute;
    top: 25px;
    right:10px;
}
.breadcrumb-name {
    display: flex;
    font-size:36px;
    font-weight: 500;
    align-items: center;
}
.breadcrumb-name  img {
    margin-right: 20px;
}
.breadcrumb-bar {
    color: #000000;
}
.breadcrumb-bar li {
    font-family: "montserratregular";
    margin: 0 16px;
    position: relative;
    text-transform: uppercase;
   
}

.breadcrumb-bar .breadcrumb > li:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    font-family: "Material-Design-Iconic-Font";
    font-size: 18px;
    position: absolute;
    right: -22px;
    /*top: -2px;*/
}
.breadcrumb-bar .breadcrumb > li:nth-last-child(1):before {display: none;}/*去除最后一个元素的括号*/


.page-title {
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    padding:0 100px;
    margin-bottom: 30px;
    margin-top: 40px;
}

.page-main {
    padding:100px 100px 0 100px;
}

.page-main hr {
    border-color: #626262;
    border-width: 3px;
}


/* Large desktop :1920px. */
@media (min-width: 1920px) {
    .page-title  {
        padding:0 250px;
    }
    .page-main {
        padding:100px 250px 0 250px;
    }
   
}




.page-cate {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.page-cate a {
    display: block;
    margin:10px 0;
    padding:20px 0px;
    flex:1;
    text-align: center;
    background: #dcdcdc;
    border-radius: 40px;
    font-size: 20px;
    font-weight: 700;
}




.page-cate a:not(:last-child) {
    margin-right: 100px;
}

.page-cate a:hover {
    background: #D9032D;
    color: #ffffff;
}


.about-content {
    margin-top: 80px;
  
}

.about-content:not(:last-child) {
    padding-bottom: 80px;
    
}

.about-content:last-child {
    padding-bottom: 20px;
}

.about-content:not(:last-child){
    border-bottom: 3px solid #626262;
}


.about-content .about-title {
    font-size: 40px;
    font-weight: 700;
    color: #d9032d;
}

.about-content .about-subtitle {
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    margin-top: 50px;
}

.about-content .about-text {
    margin-top: 50px;
    font-size: 20px;
    font-weight: 500;
}

.about-content img {
    max-width: 100%;
}

.page-news-list .news-item {
    display: flex;
    align-items: center;
    padding: 30px 30px;
    line-height: 1;
    font-weight: 700;
    font-size: 20px;
    color: #333333;
}
.page-news-list .news-item:nth-child(odd) {
    background: #e5e5e5;
}

.page-news-list .news-item:nth-child(even) {
    background: #ffffff;
}


.page-news-list .news-item .news-date {
    font-size: 20px;
    padding-right:50px;
    border-right:2px solid #000000;
    margin-right: 50px;
}




.title2{
    margin-top: 50px;
    padding-bottom: 30px;
    border-bottom: 3px solid #626262;
    font-size:40px;
    font-weight: 700;
    color: #000000;
}

.submenu {
    display: none;
    position: absolute;
    width:100%;
    left:0; 
    background: #ffffff;
    position: absolute;
    top: 48px;
    width:100%;
    left:0; 
    background: #ffffff;
    z-index: 999;
    border-top: 10px solid #e20634;
    overflow: hidden;
}

.submenu  .item {
    display: none;
}
.submenu  .submenu-item {
    display: flex;
    margin: 40px 20px;
    align-items: center;
    justify-content: center;
}

.submenu  .submenu-item .box {
    display: block;
    margin:0 40px;
    flex:1;
    text-align: left;

}

.submenu  .submenu-item .box .title {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-top: 20px;
}

.submenu  .submenu-item .box .title span {
    color:#e20634;
    font-size:20px;
}

.submenu  .submenu-item .box .thumb {
    width:100%;
    text-align: center;
}

.submenu  .submenu-item .box .thumb  img {
    width:100%;
}

.navbg {
    background: #e20634;
    color: #ffffff;
   
}



.navbg  a {
    color: #ffffff !important;
}


.tools-common {
    position: fixed;
    z-index: 4;
    right: 20px;
    width: 86px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 2px 16.49px 0.51px rgba(31,35,33,0.21)
}

.tools-common .iconfont {
    display: block;
    font-size: 30px;
    padding-top: 10px
}

.tools-switch {
    opacity: 0;
    height: 86px;
    top: 30%;
    background-color: #e20634;
    color: #fff
}

.tools-switch .iconfont {
    color: #fff
}

.tools {
    top: 30%
}

.tools li {
    width: 100%;
    height: 86px;
    background-color: #fff;
    color: #666;
}

.tools li a {
    display: block;
}

.tools li a:hover {
    color: #ffffff;
}

.tools li .iconfont {
    color: #e20634
}

.tools li:nth-child(1) {
    background-color: #e20634;
    color: #fff
}

.tools li:nth-child(1) .iconfont {
    color: #fff
}

.tools li:nth-child(n+2) {
    border-bottom: 1px solid #e4e4e4
}

.tools li:last-child {
    border-bottom: none
}

.tools li:hover {
    background-color: #e20634;
    color: #fff
}

.tools li:hover .iconfont ,.tools li:hover a{
    color: #fff
}

.toTop {
    display: none;
    bottom: 5%;
    height: 86px;
    background-color: #e20634;
    color: #fff
}

.toTop .iconfont {
    padding-top: 0;
    transform: rotateZ(-90deg);
    color: #fff
}

.toTop p {
    transform: translateY(-5px);
    line-height: 1.2;
    margin: 0
}


.link-shadow {
    box-shadow: 0px 2px 16.49px 0.51px rgba(31,35,33,0.21)
}

.link-shadow:hover {
    box-shadow: 0px 2px 16.49px 0.51px rgba(31,35,33,0.6);
    background-color: #ff0000 !important
}

.cert-box {
    box-shadow: 0px 2px 11.04px 0.96px rgba(125,128,128,0.80); 
    margin:40px auto;
}
.cert-box img {
    width:278px;
    cursor: pointer;
}

.qa-list {
    box-shadow: 0px 2px 16.49px 0.51px rgba(31, 35, 33, 0.21);
    padding: 25px 45px;
}

.qa-list ul li {
    padding: 10px 0;
}

.qa-list ul li h3 {
    font-size: 18px;
    color: #FFF;
    background-color: #000;
    font-weight: bold;
    padding: 10px;
    position: relative;
}

.qa-list ul li .faq_text {
    display: none;
    padding: 20px;
    font-size:14px;
    line-height: 20px;
    margin-bottom: 0;
}

.qa-list ul li h3 span {
    position: absolute;
    right: 10px;
    top: 8px;
}

.qa-list ul li.active h3 .iconfont:before {
    content: '\e620';
}

.page-verification {
    box-shadow: 0px 2px 16.49px 0.51px rgba(31, 35, 33, 0.21);
    padding: 25px 45px;
}

.page-verification h3 {
    font-size: 24px;
    border-bottom: 3px solid #e20634;
    padding-bottom: 15px;
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}

.query form input:nth-of-type(1) {
    width: 415px;
}
.query form input:nth-of-type(2) {
    width: 120px;
}
.query form img:nth-of-type(1) {
    width: 150px;
}
.query form input {
    font-size: 16px;
    height: 50px;
    border-radius: 0;
}
.query form img {
    font-size: 16px;
    height: 50px;
    border-radius: 0;
}

.query form input:nth-of-type(3) {
    width: 80px;
    color: #fff;
    border: none !important;
    background-color: #e20634;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.query form p {
    display: none;
    color: #e20634;
}

.result {
    text-align: left;
    margin:0 auto;
    width:700px;
    margin-top: 50px;
}

.query .result p {
    font-size: 18px;
}

.result>div {
    display: none;
}

.query .result p strong {
    font-size: 20px;
}

.query .result>div img {
    float: left;
    margin-right: 30px;
}

.query .result>div .title {
    font-size: 22px;
}

.result>div#right .title {
    color: #009944;
}
.result>div#wrong .title {
    color: #e20634;
}

.link-shadow {
    box-shadow: 0px 2px 16.49px 0.51px rgba(31, 35, 33, 0.21);
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.cookie {
    background-color: #717171;
    padding: 25px 0;
}
.container_cookie {
	width: 1200px;
	max-width: 1200px;
	position: relative;
	padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}
.cookie p {
    margin: 0;
    color: #FFF;
    font-size: 14px;
    line-height: 1.6;
}
.cookie p a {
    color: #FFF;
    font-size: 14px;
    margin: 0 .5em;
    color: #c11835;
    font-weight: bolder;
}

.align-items-baseline label{
    font-weight: normal;
}

.align-items-baseline a {
    color: #0056b3;
}